<template>
  <div class="app">
    <div class="main">
      <router-view />
    </div>
    <Tabbar class="tabbar"></Tabbar>
  </div>
</template>

<style lang="scss">
.app {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.main {
  margin-bottom: 10vh;
  flex-grow: 1;
}
.tabbar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
</style>

<script setup lang="ts">
import "normalize.css";
import Tabbar from "@/components/Tabbar/index.vue";
</script>
